<template lang="html" id="left">
<div class="fuirt">
    <span v-for="x in fruitData">
        <router-link to="/goods"><img v-bind:src="x.icon"></router-link>
    </span>
</div>

</template>
<script>
  import Vue from "vue"
  import VueResource from "vue-resource"
  Vue.use(VueResource);
  export default{
      data (){
          return{
            fruitData:[]
          }
      },
      mounted (){

          this.$http.get("../static/水果分类.json").then(function(res){
              this.fruitData=JSON.parse(res.bodyText).data[0].data;
          })
      }
  }
</script>
<style lang="css">
    .fuirt{
        width: 100%;
        height: 100rem;
        background:#F5F6F7;
        margin-top: 3.55rem;
    }
    .fuirt span{
        margin-right: 0.2rem;
    }
    .fuirt span img{
        width:3.6rem;
        height:4.5rem;
        margin:0 0.25rem 0.25rem 0;
    }
    .fuirt a{
        margin: 0;
        padding: 0;
    }
</style>
